/**
 * 改签规则
 * @email 626097912@qq.com
 * Created by dength on 2017/05/16
 */
import React, { Component, PropTypes } from 'react';
import {
    View,
    Text,
    StyleSheet,
    ScrollView,
} from 'react-native';
import Constants from '../base/constants';
import CommonStyles from '../base/commonStyles';
import BaseComponent from '../base/baseComponent';

const data = [
    ("改签规则:"),
    ("1、距发车48小时以上，可改签任意一天的车票。"),
    ("2、距发车48小时内，不能往后跨天改签，即可改签开车前的其他车，也可改签开车后至票面日期当天24:00之间的其他车，不办理票面日期后的改签；开车之后，仍可改签当日其他列车，但只能去票面出发站办理改签。"),
    ("3、改签后的车票乘车日期在2016年1月24日开始至2016年3月3日期间，退票时一律按票面价20%核收退票费。"),
]

class GqCodex extends BaseComponent {
    constructor(props) {
        super(props);
    }

    getNavigationBarProps() {
        return {
            title: '退改说明',
            leftButtonImage: require('../images/ic_return.png'),
            hideRightButton: true,
        };
    }

    renderBody() {
        return (
            <View style={styles.modalStyle}>
                <ScrollView showsVerticalScrollIndicator={false}>
                    <View style={{ marginBottom: 50 }}>
                        <View style={styles.subView}>
                            <View style={{ marginTop: 16, marginBottom: 8 }}>
                                <Text style={{ fontSize: 13, color: CommonStyles.colors.commonOrange }}>{data[0]}</Text>
                            </View>
                            <View style={styles.subView_ul}>
                                <Text style={styles.subView_li}>
                                    {data[1]}
                                </Text>
                            </View>
                            <View style={styles.subView_ul}>
                                <Text style={styles.subView_li}>
                                    {data[2]}
                                </Text>
                            </View>
                            <View style={styles.subView_ul}>
                                <Text style={styles.subView_li}>
                                    {data[3]}
                                </Text>
                            </View>
                        </View>
                    </View>
                </ScrollView>
            </View>
        );
    }
}

const styles = StyleSheet.create({
    modalStyle: {
        backgroundColor: '#E9EEF3',
        flex: 1,
    },
    subView: {
        marginLeft: 15, marginRight: 15,
    },
    subView_ul: {
        // paddingTop: 3, paddingBottom: 3
    },
    subView_li: {
        fontSize: 10, color: '#36353A', lineHeight: 22,
    }
});

export default GqCodex;